/**
* @Description:    娱乐
* @Author:         TSY 
* @Email:          t@tsy6.com
* @CreateDate:     2019/4/9 21:44
*/
<template>
    <div class="box">
        <top-header></top-header>
        <top-banner :img="bannerImg" text="娱乐"></top-banner>
        <div class="container">敬请期待，先玩玩猫~</div>
        <canvas id="cat" width="500" height="500"></canvas>
    </div>
</template>

<script>
    import TopBanner from "../common/TopBanner";
    import TopHeader from "../common/TopHeader";

    export default {
        components: {TopHeader, TopBanner},
        name: "Amusement",
        data() {
            return {
                bannerImg: require('../../assets/amusement-banner.jpg'),//banner图
            }
        },
        mounted() {
            loadlive2d("cat",  "/live2d/tororo.model.json");
        },
        computed: {},
        methods: {}
    }
</script>

<style lang="stylus" scoped>
    @import "../../style/common.styl"

    .box {
        width 100%
        position relative
        .container {
            width 100%
            height 800px
            flexContent()
            font-size 24px
        }
        #cat {
            position fixed
            bottom 0
            right 0
            z-index: 1111;
        }
    }

</style>